// 下载目录
<template>
  <div class="hosptal">
    <el-row>
      <el-col :span="24">
        <TopMenu />
      </el-col>

      <el-col :span="24" style="padding:50px;margin:auto;">
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="name" label="下载目录名称"> </el-table-column>

          <el-table-column width="180" label="操作">
            <template slot-scope="scope">
              <el-button @click="downClick(scope.row)" type="text" size="small"
                >下载</el-button
              >
              <el-button @click="downUp(scope.row)" type="text" size="small"
                >上传</el-button
              >
              <input type="file" class="up" @change="change">
              <!-- <a href="" class="a">上传</a> -->
            </template>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <el-dialog
      :title="titlename"
      :visible.sync="centerDialogVisible"
      width="70%"
      center
    >
     <FromList v-if="if_on == '1312'" :tableData="tableData12" :tableTitle="tableTitle12" />
      <FromList v-else-if="if_on == '1316'" :tableData="tableData16" :tableTitle="tableTitle16" />
       <FromList v-else-if="if_on == '1317'" :tableData="tableData17" :tableTitle="tableTitle17" />
        <FromList v-else-if="if_on == '1318'" :tableData="tableData18" :tableTitle="tableTitle18" />
         <FromList v-else-if="if_on == '1319'" :tableData="tableData19" :tableTitle="tableTitle19" />
          <!-- <FromList v-if="if_on == '1320'" :tableData="tableData20" :tableTitle="tableTitle20" /> -->
      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisible = false">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import TopMenu from "@/components/TopMenu";
import {
  downCatelog,
  queryHilist,
  QueryMedinsHilistMapByPage,
  queryMedListMapByPage,
  queryLmtprcByPageClient,
  querysetlListInfoClient,
  uploadFile,
  ybhUploadCateLog
} from "@/api/register";
import { http } from "@/utils/server.js";
import FromList from "@/forComponents/fromList/fromList"
export default {
  name: "hospital",
  data() {
    return {
      no:0,
      tableData: [
        {
          name: "西药中成药目录下载",
          no: "1301"
        },
        {
          name: "中药饮片目录下载",
          no: "1302"
        },
        {
          name: "医疗机构制剂目录下载",
          no: "1303"
        },
        {
          name: "民族药品目录下载",
          no: "1304"
        },
        {
          name: "医疗服务项目目录下载",
          no: "1305"
        },
        {
          name: "医用耗材目录下载",
          no: "1306"
        },
        {
          name: "疾病与诊断目录下载",
          no: "1307"
        },
        {
          name: "手术操作目录下载",
          no: "1308"
        },
        {
          name: "门诊慢热病目录下载",
          no: "1309"
        },
        {
          name: "按病种付费病种目录下载",
          no: "1310"
        },
        {
          name: "日间手术治疗病种目录下载",
          no: "1311"
        },
        {
          name: "医保目录信息下载",
          no: "1312"
        },
        {
          name: "肿瘤形态学目录下载",
          no: "1313"
        },
        {
          name: "中医疾病目录下载",
          no: "1314"
        },
        {
          name: "中医证侯目录下载",
          no: "1315"
        },
        {
          name: "医疗目录与医保目录匹配信息下载",
          no: "1316"
        },
        {
          name: "医疗机构目录匹配信息下载",
          no: "1317"
        },
        {
          name: "医保目录限价信息下载",
          no: "1318"
        },
        {
          name: "医保目录先自付匹配比例信息下载",
          no: "1319"
        },
        //  {
        //   name: "测试",
        //   no: "1320"
        // }
      ],
      tableTitle12:[  {
            prop:"hilist_code",
            name:"医保目录编码",
            type:1,
          },
        //   {
        //     prop:"hilist_name",
        //     name:"医保目录名称 ",
        //     type:1,
        //   },
        //   {
        //     prop:"insu_admdvs",
        //     name:"参保机构医保区划 ",
        //     type:1,
        //   },
        //   {
        //     prop:"begndate",
        //     name:"开始日期 ",
        //     type:1,
        //   },
        //   {
        //     prop:"med_chrgitm_type",
        //     name:"医疗收费项目类别 ",
        //     type:1,
        //   },
        //   {
        //     prop:"chrgitm_lv",
        //     name:"收费项目等级",
        //     type:1,
        //   },
        //   {
        //     prop:"lmt_used_flag",
        //     name:"限制使用标志 ",
        //     type:1,
        //   },
        //   {
        //     prop:"list_type",
        //     name:"目录类别",
        //     type:1,
        //   },
          ],
          tableData12:[
           
          ],
                tableTitle16:[ 
          {
            prop:"hilist_code",
            name:"医保目录名称 ",
            type:1,
          },
         
        //   {
        //     prop:"begndate",
        //     name:"开始日期 ",
        //     type:1,
        //   },
        //   {
        //     prop:"vali_flag",
        //     name:"有效 ",
        //     type:1,
        //   },
        //   {
        //     prop:"list_type",
        //     name:"目录类别",
        //     type:1,
        //   },
          ],
          tableData16:[
           
          ],
           tableTitle17:[  {
            prop:"fixmedins_code",
            name:"定点医药机构编号",
            type:1,
          },
        //   {
        //     prop:"medins_list_codg",
        //     name:"定点医药机构目录编号",
        //     type:1,
        //   },
        //   {
        //     prop:"insu_admdvs",
        //     name:"参保机构医保区划 ",
        //     type:1,
        //   },
        //   {
        //     prop:"begndate",
        //     name:"开始日期",
        //     type:1,
        //   },
 
        //   {
        //     prop:"list_type",
        //     name:"目录类别",
        //     type:1,
        //   },
          ],
          tableData17:[
           
          ],
           tableTitle18:[  {
            prop:"hilist_code",
            name:"医保目录编码",
            type:1,
          },
        //   {
        //     prop:"hilist_lmtpric_type",
        //     name:"医保目录限价类型",
        //     type:1,
        //   },
        //   {
        //     prop:"insu_admdvs",
        //     name:"参保机构医保区划 ",
        //     type:1,
        //   },
        //   {
        //     prop:"begndate",
        //     name:"开始日期",
        //     type:1,
        //   },
 
        //   {
        //     prop:"list_type",
        //     name:"目录类别",
        //     type:1,
        //   },
          ],
          tableData18:[
           
          ],
           tableTitle19:[  {
            prop:"hilist_code",
            name:"医保目录编码",
            type:1,
          },
        
          ],
          tableData19:[
           
          ],
        //     tableTitle20:[  {
        //     prop:"code",
        //     name:"医保目录编码",
        //     type:1,
        //   },
        //   {
        //     prop:"type",
        //     name:"目录自付比例类别",
        //     type:1,
        //   },
       
        //   ],
        //   tableData20:[
        //    {
        //        code:'55',
        //        type:'22'
        //    }
        //   ],
      titlename: "",
      if_on: '1312',
      centerDialogVisible:false,
    };
  },
  methods: {
    downClick(row) {

   this.$prompt('请输入批号', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
       
        }).then(({ value }) => {
        
       
      if (row.no == "1312") {
        this.titlename = row.name;
        this.if_on==row.no
        
        queryHilist({ no: row.no,fill_no:value }).then(res => {
            this.tableData12=res.data
            this.centerDialogVisible=true
        });
      } else if (row.no == "1316") {
          this.titlename = row.name;
        this.if_on==row.no
       
        QueryMedinsHilistMapByPage({ no: row.no,fill_no:value }).then(res => {
            this.tableData16=res.data
             this.centerDialogVisible=true
        });
      } else if (row.no == "1317") {
          this.titlename = row.name;
        this.if_on==row.no
        
        queryMedListMapByPage({ no: row.no,fill_no:value }).then(res => {
             this.tableData17=res.data
             this.centerDialogVisible=true
        });
      } else if (row.no == "1318") {
          this.titlename = row.name;
        this.if_on==row.no
      
        queryLmtprcByPageClient({ no: row.no,fill_no:value }).then(res => {
             this.tableData18=res.data
               this.centerDialogVisible=true
        });
      } else if (row.no == "1319") {
          this.titlename = row.name;
        this.if_on==row.no
       
        querysetlListInfoClient({ no: row.no,fill_no:value }).then(res => {
             this.tableData19=res.data
              this.centerDialogVisible=true
        });
      } else {
        downCatelog({ no: row.no,fill_no:value }).then(res => {
            //     let link = document.createElement("a");

            //   link.href =res.data.path

            //   link.click();
          window.open(res.data.path);
        });
      }
       }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消输入'
          });       
        });
    },
    change(){
      console.log()
      var file =  document.querySelector(".up").files[0];
      console.log(file)
      var formdata = new FormData();
      formdata.append("file",file);
      uploadFile(formdata)
      .then(res=>{
        ybhUploadCateLog({no:this.no,path:res.data.local_path})
        .then(res=>{
          console.log(res)
        })
        .catch(e=>{
            this.$message({
              message:e.message,
              type: 'error'
            });
        })
      })
      .catch(e=>{
        this.$message({
          message:e.message,
          type: 'error'
        });
      })
    },
    downUp(e){
      console.log(e)
      document.querySelector(".up").click();
      this.no = e.no
    }
  },
  components: {
    TopMenu,
    FromList
  }
};
</script>

<style>
.up{
  opacity: 0;
  display: none;
}
</style>